import EchartsMain from "@/components/common/EchartsMain"
import ItemMoudle from "@/components/common/ItemModule"
import TitleMain from "@/components/common/TitleMain"
const EnterpriseCount = () => {
  return <ItemMoudle
    className="w-full h-full"
    childClassName="h-[330px] flex items-center justify-between"
    header={
      <TitleMain title="备案企业数量分布" size="large" />
    }
  >

    <EchartsMain option={{
      legend: {
        data: ['液化石油', '管道天然气']
      },
      xAxis: {
        boundaryGap: true,
        data: [1, 2, 3, 4, 5, 6, 7,],
        axisPointer: {
          type: 'shadow'
        }
      },
      yAxis: {
        type: 'value',
        axisPointer: {
          show: false
        }
      },
      series: [
        {
          name:'液化石油',
          data: [120, 200, 150, 80, 70, 110, 130],
          type: 'bar',
          barWidth: 8,
          barGap: "75%",
          itemStyle: {
            borderRadius: [18, 18, 0, 0],
            color: 'rgba(255, 199, 60, 1)'
          }

        },
        {
          name:'管道天然气',
          data: [120, 200, 150, 80, 70, 110, 130],
          type: 'bar',
          barWidth: 8,
          itemStyle: {
            borderRadius: [18, 18, 0, 0]
          },
          color: 'rgba(131, 171, 255, 1)'
        }
      ]
    }} />



  </ItemMoudle>
}

export default EnterpriseCount